export default class Food {
    element: HTMLElement;
    constructor() {
        this.element = document.getElementById('food')!;
    }
    get X() {
        return this.element.offsetLeft;
    }
    get Y() {
        return this.element.offsetTop;
    }
    // 修改食物的位置
    change() {
        // Math.random()生成0~1的隨機數，不包括0和1，乘以29就生成0~29的随机数，不包括0和29，然后再四舍五入，就可以得到包括0~29的数字
        // stage的宽高是304，减去边框为300，食物的宽高为10，一次移动一格，所以食物左上角坐标的范围是0~290，且为整十的数
        const x = Math.round(Math.random() * 29) * 10;
        const y = Math.round(Math.random() * 29) * 10;

        // todo 食物也不应该出现在蛇的身体上

        this.element.style.left = x + 'px';
        this.element.style.top = y + 'px';
    }
}